﻿@model MSAcademic.v2.Web.Areas.Admin.Models.Picture.EditUserProfilePictureViewModel
@{
    ViewBag.Title = "CropProfilePicture";
}

<script type="text/javascript"> 
    $(function () {

        msacademic.initializeJCrop("@Model.ProfilePicWidth", "@Model.ProfilePicWidth", $('#croppedUrl'), {
            minSize: [@Model.ProfilePicWidth,@Model.ProfilePicWidth] 
        });

    });
</script>

<div class="msacademic popup">
    <h2>Uređivanje profilne slike</h2>

    @using(Html.BeginForm())
    {
        @Html.HiddenFor(m=>m.OriginalUrl)
        @Html.HiddenFor(m=>m.CropedPictureUrl,new{Id="croppedUrl"})
   
        <div class="image-cropper">
            <img src="@Model.PictureUrl" class="image" id="normalPicture"alt=""/>
        </div>
        
        <div class="actions-wrapper">
            <span class="info">Profilna slika se koristi na vašem profilu i kod izlista vaših članaka</span>
             
            <a href="" class="cancel">Odustani</a> 
            <a class="positive submit">Spremi promjene <i class="icon-ok"></i></a> 
        </div>   
    }
</div>
